<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="div1">1</div>
		<div class="div2">2</div>
		<div class="div3">3</div>
	</body>
</html>
<style type="text/css">
	/* 开启了定位元素，可以通过z-index属性指定元素层级，值越大层级越高，越高优先显示*/
	/* 如果层级一样，优先显示靠下的 */
	/* 祖先元素层级再高也不会盖住后代元素 */
	div{
		width: 200px;
		height: 200px;
	}
	.div1{
		background-color: #0000FF;
		position: relative;
		/* z-index: 2; */
	}
	.div2{
		background-color: #FF0000;
		position: absolute;
		top: 100px;
		z-index: 1;
	}
	.div3{
		background-color: #FFFF00;
		position: absolute;
	}
</style>